$left-color:  #242e4d;
$right-color: #897e79;
$green-dark:  #dc352f;
$green-light: #de605b;
$gray:        #8f8f8f;
$gray-light:  #f5f6f8;
@import 'src/styles/mixins';
* {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.main-login {
  background: url('/static/images/web/company/bg.png') no-repeat;background-size: cover;width: 100%;height: 100%;position: fixed;
}


.flex-row {
  margin-bottom: 16px;
  span{
    width: 100%;color: #333333;font-size: 14px;line-height: 30px;height:30px;
  }
  .lf-input {
    width:100%;
    padding: 0 16px;
    line-height: 50px;
    height: 50px;
    border: 1px #eaeaea solid;
    color: $gray;
    font-size: 14px;
    background: #fff;
  }
}

.lf--label {
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: $gray-light;
  cursor: pointer;
}

.lf--submit {
  margin-top:30px;
  display: block;
  padding: 16px;
  width: 100%;
  background: #0078ff;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(black, .2);
  &:focus {
    outline: none;
    transition: transform .15s ease;
    transform: scale(1.1);
  }
}
::placeholder { color: $gray; }

.addInfo{
  overflow: auto;
}
.add-title{
  color: #666;
  margin-top: 70px;
  span {
    margin-left: 48%;
    font-size: 26px;
  }
}
.el-form-item__label {
  font-size: 20px;
  color: #666;
}

span.detail {
  font-size: 20px;
  display: inline-block;
  color: #666;
  vertical-align: middle;
}

.addInfo-close{
  position: relative;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #fff;
  margin: 0px auto 0 auto;
  clear: both;
  font-size: 16px;
  cursor: pointer;
}

/*头部*/
.l-login-headerTop{
  height: 110px;width: 100%;color: #fff;background: #0078ff;padding-top:30px;position: fixed;top:0;left:0;z-index:100;
  img{
    float: left;
  }
  i.name{
    font-size: 24px;color: #fff;margin-left:10px;float: left;margin-top:30px;
  }
  i.iconCom{
  }
  .font{
    font-style: normal;font-size: 14px;color: #fcfdfd;line-height: 30px;display: block;float: left;margin-top:3px;
  }
  b{
    color: #fcfdfd;padding:0 10px;float: left;margin-top:5px;font-size: 12px;
  }
  .exit{
    height: 30px;line-height: 30px;color: #2baee9;
  }
}
.login-bg{
  margin-top: 150px;
  .main{
    margin:50px auto;
  }
  .lg-left{
    width:580px;height: 540px;background:#fff;float: left;
  }
  .login-form {
    height:540px;
    z-index: 11;
    width: 312px;
    padding: 30px 20px 10px 20px;
    position: relative;
    background: #fff;
    float: right;
    &:before {
      content: '';
      position: absolute;
      top: -2px; left: 0;
      height: 2px;
    }
    @media screen and (min-width: 600px) {
      max-width: 456px;
    }
    .title{
      line-height: 50px;font-size: 24px;color: #0066ff;text-align: center;
    }
    .titleMini{
      line-height: 20px;font-size: 16px;color: #6a6a6a;text-align: center;
    }
    .zcTz{
        text-align: center;width:190px;margin:20px auto;
        i{
          float: left;font-size: 16px;line-height: 30px;
        }
        a{
          float: left;line-height: 30px;color:#0066ff;text-align: center;display: block;font-size: 16px;margin-right:0;
        }
        i.iconCom{
          display: block;float: left;cursor: pointer;
        }
    }
    .fonts{
      font-size: 12px;color:#ccc;margin-top:10px;
    }
  }
}
.registerForm{
    width:700px;margin:50px auto 0;background: #fff;min-height: 400px;padding:20px 70px 20px;margin-top:150px;
    .title{
      text-align: center;color: #000;font-size: 24px;line-height:80px;height:80px;
    }
  .register-step {
    .pop{
      background: url('/static/images/web/pop.png') no-repeat;width:50px;height: 20px;float:left;text-align: center;color: #fff;margin-left:10px;margin-top:30px;
    }
    .sexCahnge{
      width: 200px;margin-bottom:20px;float: left;
      span{
        width:42px;height: 42px;line-height: 40px;border:#ccc solid 1px;text-align: center;font-size: 14px;color: #999;margin-right: 10px;display: block;
        float: left;cursor: pointer;
      }
      span.cur{
        color: #fff;border-color:#0078ff;background: url('/static/images/web/gou_03.png') no-repeat 30px 24px #0078ff;
      }
    }
  }
  .zcTz{
    text-align: center;width:190px;margin:20px auto;
    i{
      float: left;font-size: 16px;line-height: 30px;
    }

    a{
      float: left;line-height: 30px;color:#0066ff;text-align: center;display: block;font-size: 16px;margin-right:0;
    }
    i.iconCom{
      display: block;float: left;cursor: pointer;
    }
  }
  .el-upload-dragger{
      width: 400px;height:120px;
  }
}
